<template>
    <footer>
            <!-- 最下面 -->
    <div class="music-bottom">
        <!-- 版心 -->
        <div class="newcontainer">
            <!-- 右边 -->
            <div class="music-bottom-right">
                <div class="music-bottom-right-box">
                    <a href="#"><span class="music-bottom-right-img1">
                        </span></a>
                    <li>用户认证</li>
                </div>
                <div class="music-bottom-right-box">
                    <a href="#"> <span class="music-bottom-right-img2">
                        </span></a>
                    <li>独立音乐人</li>
                </div>
                <div class="music-bottom-right-box">
                    <a href="#"> <span class="music-bottom-right-img3">
                        </span></a>
                    <li>赞赏</li>
                </div>
                <div class="music-bottom-right-box">
                    <a href="#"> <span class="music-bottom-right-img4">
                        </span></a>
                    <li>视频奖励</li>
                </div>
            </div>
            <!-- 左边 -->
            <div class="music-bottom-left">
                <!-- 第一排 -->
                <div class="music-bottom-one-row">
                    <a href="#">服务条款</a>
                    <li>|</li>
                    <a href="#">隐私政策</a>
                    <li>|</li>
                    <a href="#">儿童隐私政策 </a>
                    <li>|</li>
                    <a href="#">版权投诉</a>
                    <li>|</li>
                    <a href="#">投资者关系</a>
                    <li>|</li>
                    <a href="#">广告合作</a>
                    <li>|</li>
                    <a href="#">联系我们</a>
                    <br>

                </div>
                <!-- 二 -->
                <p class="music-bottom-p1">网易公司版权所有©1997-2019 &nbsp;&nbsp;&nbsp;&nbsp;杭州乐读科技有限公司运营：<a href="#">浙网文[2018]3506-263号</a></p>
                <!-- 三 -->
                <p class="music-bottom-p2">违法和不良信息举报电话：0571-89853516 &nbsp;&nbsp;&nbsp;&nbsp;举报邮箱：<a href="#">ncm5990@163.com</a></p>
            </div>

            
        </div>

        <!-- 放回,固定 -->
        <a href="#id-top" class="fh-top" title="返回顶部"></a>
    </div>
    </footer>
</template>

<script>
export default {
    data () {
        return {

 
        }
    }
}
</script>
 
<style lang = "less" scoped>
    
/* 最最最后一排 */
.music-bottom {
    position: relative;
    height: 200px;
    width: 100%;
    border-top: 1px solid #d3d3d3;
    background-color: #f2f2f2;
}

.music-bottom-one-row {
    margin-top: 20px;
    padding-left:250px;
}

.music-bottom-one-row a {
    float: left;
    color: #a2a2a2;
    margin-right: 8px;
    margin-left: 8px;
}

.music-bottom-one-row a:hover {
    text-decoration: underline;
}

.music-bottom-one-row a:nth-child(1) {
    margin-left: 0;
}

.music-bottom-one-row li {
    float: left;
    color: #d1d1d1;
}

.music-bottom-p1 {
    color: #666666;
    margin-top: 10px;
}

.music-bottom-p1:hover a,
.music-bottom-p2:hover a {
    text-decoration: underline;
}

.music-bottom-p2 {
    color: #666666;
    margin-top: 10px;
}

/* .music-bottom-left {
    float: left;
} */

.music-bottom-right {
    /* float: right;
    width: 328px; */
    padding-left: 320px;
    height: 72px;
    margin-top: 20px;
}

.music-bottom-right span {
    float: right;

}

.music-bottom-right-box .music-bottom-right-img1 {
    width: 47px;
    height: 45px;
    background-image: url(../assets/image/foot_enter_new\ \(1\).png);   
    background-position: -63px -101px;
    background-size: 110px 450px;
}

.music-bottom-right-box {
    float: left;
    width: 50px;
    height: 60px;
    margin-right: 40px;
}

.music-bottom-right-box li {
    display: block;
    font-size: 12px;
    margin-top: 52px;
    white-space: nowrap;
    text-align: center;
    color: #858585;
}

.music-bottom-right-box:nth-child(4) {
    margin-right: 8px;
}

.music-bottom-right-box .music-bottom-right-img2 {
    width: 47px;
    height: 45px;
    background-image: url(../assets/image/foot_enter_new\ \(1\).png);
    background-position: 0 0;
    background-size: 110px 450px;
}

.music-bottom-right-box .music-bottom-right-img3 {
    width: 47px;
    height: 45px;
    background-image: url(../assets/image/foot_enter_new\ \(1\).png);
    background-position: -63px -50px;
    background-size: 110px 450px;
}

.music-bottom-right-box .music-bottom-right-img4 {
    width: 47px;
    height: 45px;
    background-image: url(../assets/image/foot_enter_new\ \(1\).png);
    background-position: 0 -101px;
    background-size: 110px 450px;
}
</style>